<template>
  <div>
    <a-layout>
      <a-layout-header style="background-color: white">
        <a-space>
          <img class="logo" src="./assets/logo.jpg"/>
          <p class="title">&nbsp;&nbsp;&nbsp;&nbsp;产品与供应链综合分析系统</p>
          <a-menu
              :selectable="false"
              :selected-keys="nav_selected"
              :style="{ lineHeight: '64px' }"
              mode="horizontal"
          >
            <a-menu-item key="/">
              <span>运行</span>
              <router-link to="/"/>
            </a-menu-item>
            <a-menu-item key="/manualQuery">
              <span>查询</span>
              <router-link to="/manualQuery"/>
            </a-menu-item>
            <a-menu-item key="/about">
              <span>关于</span>
              <router-link to="/about"/>
            </a-menu-item>
          </a-menu>
        </a-space>
      </a-layout-header>
      <a-layout-content style="background-color: white;height: 40vw">
        <router-view/>
      </a-layout-content>
      <a-layout-footer style="text-align: center">
        Copyright © 2021 Cno
      </a-layout-footer>
    </a-layout>
  </div>
</template>
<script>
let interval = ""
export default {
  name: "App",
  data() {
    return {};
  },
  methods: {},
  computed: {
    nav_selected: function () {
      return [this.$route.path]
    }
  },
};
</script>
<style>
.logo {
  float: left;
  width: 31px;
  height: 30px;
}

.title {
  width: 180px;
  height: 15px;
  margin: -32px 0 0 0;
  font-size: smaller;
}
</style>
